<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>xxxx官网</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
<!--顶部-->
    <header class="page-header">
        <a href="#">
            <img src="./image/logo.png">
        </a>
        <ul class="page-header-nav">
            <li><a href="#">河北一校区</a></li>
            <li><a href="#">河北二校区</a></li>
            <li><a href="#">河北三校区</a></li>
            <li><a href="#">河北四校区</a></li>
        </ul>
    </header>
<!--内容区-->
    <div class="page-content">
        <div class="content-nav">
            <div class="content-nav-item">
                <img src="../image/item1.png">
                <span>我的邮箱</span>

            </div>
            <div class="content-nav-item">
                <img src="../image/item2.png">
                <span>云服务</span>
            </div>
            <div class="content-nav-item">
                <img src="../image/item3.png">
                <span>手机课堂</span>
            </div>
            <div class="content-nav-item">
                <img src="../image/item4.png">
                <span>微信服务</span>

            </div>
            <div class="content-nav-item">
                <img src="../image/item5.png">
                <span>在线客服</span>

            </div>
        </div>
    </div>
</body>
</html>